<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh">
<head lang="en">
    <th:block th:include="include :: header('首页')"/>
</head>
<body class="index">
<th:block th:include="include :: footer"/>
<!-- 顶部开始 -->
<div class="container" style="background: linear-gradient(to right, #0097ff, #218ad2);width: calc(100% - 220px);margin-left: 220px;">
    <div class="logo">
        <a href="/" style="width: 310px">基于标识解析的煤气化炉在线监测系统
        </a></div>
    <div class="left_open">
<!--        <i class="layui-icon">&#xe668;</i>-->
        <a><i title="展开左侧栏" class="layui-icon iconfont">&#xe668;</i></a>
    </div>
    <ul class="layui-nav right" lay-filter="">
        <li class="layui-nav-item">
            <a href="javascript:;" id="username"></a>
            <dl class="layui-nav-child">
                <!-- 二级菜单 -->
                <dd>
                    <a id="modifyPass">修改密码</a></dd>
                <dd>
                    <a href="/page/login">退出</a></dd>
            </dl>
        </li>

    </ul>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav" style="background-color: rgb(0 52 86);border-right: 1px solid #000;top: 0;padding-top: 0;">
    <div id="side-nav">
        <ul id="nav">
            <li th:each="title,iterStat : ${titles}">
                <a href="javascript:;" style="color: #fff">
                    <i class="iconfont left-nav-li" th:lay-tips="${title.resuorceName}" th:utext="${title.icon}"></i>
                    <cite th:utext="${title.resuorceName}"></cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li th:each="menu,iterStat : ${title.sysResourceList}">
                        <a th:onclick="xadmin.add_tab([[${menu.resuorceName}]],[[${menu.linkUrl}]])" style="color: #fff">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite th:utext="${menu.resuorceName}"></cite>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<!-- <div class="x-slide_left"></div> -->
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
    <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
        <ul class="layui-tab-title" style="background-color: #dbf1ff">
            <li class="home">
                <i class="layui-icon">&#xe68e;</i>我的桌面
            </li>
        </ul>
        <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
            <dl>
                <dd data-type="this">关闭当前</dd>
                <dd data-type="other">关闭其它</dd>
                <dd data-type="all">关闭全部</dd>
            </dl>
        </div>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe src='page/welcome' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
        </div>
        <div id="tab_show"></div>
    </div>
</div>
<div class="page-content-bg"></div>
<style id="theme_style"></style>

<!-- 右侧主体结束 -->
<script>
    $("#modifyPass").click(function () {
        config.openPageLayer("修改密码", "/xtgl/modifyPass", ['400px', '400px'], "", false);
    });
    $("#username").html(localStorage.getItem("username"))
</script>
</body>
</html>






